<template>
  <div>
    <!-- 用宫格做分类 -->
    <van-grid icon-size="100px" :column-num="3">
      <van-grid-item
        v-for="item in data.list"
        :key="item.id"
        :to="'/list/' + item.type"
        :icon="item.src"
        :text="item.label"
      />
    </van-grid>
  </div>
</template>

<script>
export default {
  name: "genrenav",
  props: {
    data: {
      type: Object,
      default: () => {
        return {
          list: []
        };
      }
    }
  }
};
</script>

<style></style>
